<template>
  <div>
    <el-card class="box-card card-top">
      <div class="clearfix">
        <span class="type" v-show="info.type">{{info.type}} / </span>
        <span class="text">{{info.text}} </span>
        <span class="msg" v-show="info.msg"> - {{info.msg}}</span>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "contentTile",
  props: {
    info: Object,
  },
  data() {
    return {};
  },
};
</script>

<style scoped lang="less">
.card-top {
  margin-bottom: 10px;
}
.text {
  font-size: 18px;
  font-weight: bold;
}
.type{
    font-size: 16px;
    color: #999999;
}
.msg{
  font-size: 14px;
}
</style>
